<template>

  <!--    菜单栏     min-height: calc(100vh - 50px)  此时 无下拉框-->
  <div>
    <el-menu
        style="width: 150px; min-height: calc(100vh - 50px)"
        background-color="black"
        text-color="#fff"
    >
      <el-menu-item index="1" @click="AdminArticleButtom">
        <el-icon><icon-menu /></el-icon>
        <h3 style="font-family: 华文楷体">文章管理</h3>
      </el-menu-item>

      <el-menu-item index="2" @click="AdminSearchInformationButtom">
        <el-icon><icon-menu /></el-icon>
        <h3 style="font-family: 华文楷体">用户检索</h3>
      </el-menu-item>

      <el-menu-item index="3" @click="AdminManagePersonButtom">
        <el-icon><icon-menu /></el-icon>
        <h3 style="font-family: 华文楷体">用户管理</h3>
      </el-menu-item>

      <el-menu-item index="4" @click="AdminNoticeButtom">
        <el-icon><setting /></el-icon>
        <h3 style="font-family: 华文楷体">发布通知</h3>
      </el-menu-item>

      <div style="height: 300px"></div>
      <el-divider />

      <about/>

    </el-menu>

  </div>

</template>

<script>
import About from "@/components/About";
import router from "@/router";
export default {

  name:"AdminAside",
  components: {About},


  //方法
  methods:{
    AdminArticleButtom(){
      router.push("/AdminArticleView")
    },
    AdminSearchInformationButtom(){
      router.push("/AdminSearchInformationView")
    },
    AdminManagePersonButtom(){
      router.push("/AdminManagePersonView")
    },
    AdminNoticeButtom(){
      router.push("/AdminNoticeView")
    },
  }
}
</script>

<style>

</style>
